<template>
  <div>
      <h2>========= 注册组件 ==================</h2>
      <h3>1，创建组件构造器；Vue.extend()</h3>
      <h3>2，注册组件；Vue.component()</h3>
          1,全局注册:Vue.component()  
          2,局部注册：
          components:{
              引用时的组件名称:组件名称
          }
      <h3>3，使用组件</h3>
      <!-- <first-Com></first-Com> -->
  
      <h4>组件注册的语法糖  简化Vue.extend()</h4>
  </div>
</template>

<script>
// 1，创建组件构造器
// const myCom = Vue.extend({
//     template:`
//         <div>
//             <h2>我是组件title</h2>
//         </div>
//     `
// })

// 2，全局注册组件
// Vue.component(first-Com,myCom)

export default {
  name: 'register',
  data() {
    return {

    }
  },
  // components:{
    // firstCom:myCom  //局部注册组件
  // },
  computed:{

  },
  methods:{
    
  }
}
</script>